<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"    
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>AUI VUE</title>    
    <script src="https://cdn.bootcss.com/es6-shim/0.35.3/es6-shim.min.js"></script>
    <script src="https://cdn.bootcss.com/dom4/1.8.5/dom4.js"></script>
    <script>
        // Begin dataset code
        if (!document.documentElement.dataset &&
                // FF is empty while IE gives empty object
                (!Object.getOwnPropertyDescriptor(Element.prototype, 'dataset')  ||
                !Object.getOwnPropertyDescriptor(Element.prototype, 'dataset').get)
        ) {
            var propDescriptor = {
                enumerable: true,
                get: function () {
                    'use strict';
                    var i,
                            that = this,
                            HTML5_DOMStringMap,
                            attrVal, attrName, propName,
                            attribute,
                            attributes = this.attributes,
                            attsLength = attributes.length,
                            toUpperCase = function (n0) {
                                return n0.charAt(1).toUpperCase();
                            },
                            getter = function () {
                                return this;
                            },
                            setter = function (attrName, value) {
                                return (typeof value !== 'undefined') ?
                                        this.setAttribute(attrName, value) :
                                        this.removeAttribute(attrName);
                            };
                    try { // Simulate DOMStringMap w/accessor support
                        // Test setting accessor on normal object
                        ({}).__defineGetter__('test', function () {});
                        HTML5_DOMStringMap = {};
                    }
                    catch (e1) { // Use a DOM object for IE8
                        HTML5_DOMStringMap = document.createElement('div');
                    }
                    for (i = 0; i < attsLength; i++) {
                        attribute = attributes[i];
                        // Fix: This test really should allow any XML Name without
                        //         colons (and non-uppercase for XHTML)
                        if (attribute && attribute.name &&
                                (/^data-\w[\w\-]*$/).test(attribute.name)) {
                            attrVal = attribute.value;
                            attrName = attribute.name;
                            // Change to CamelCase
                            propName = attrName.substr(5).replace(/-./g, toUpperCase);
                            try {
                                Object.defineProperty(HTML5_DOMStringMap, propName, {
                                    enumerable: this.enumerable,
                                    get: getter.bind(attrVal || ''),
                                    set: setter.bind(that, attrName)
                                });
                            }
                            catch (e2) { // if accessors are not working
                                HTML5_DOMStringMap[propName] = attrVal;
                            }
                        }
                    }
                    return HTML5_DOMStringMap;
                }
            };
            try {
                // FF enumerates over element's dataset, but not
                //   Element.prototype.dataset; IE9 iterates over both
                Object.defineProperty(Element.prototype, 'dataset', propDescriptor);
            } catch (e) {
                propDescriptor.enumerable = false; // IE8 does not allow setting to true
                Object.defineProperty(Element.prototype, 'dataset', propDescriptor);
            }
        }
    </script>    
</head>
<body>     
    <div id="app">     
        <h3>AUI VUE  基于vue的aui</h3>           
        <a href="https://gitee.com/lbc19920615/aui-admin" target="_blank">项目地址</a>
        <a href="https://static.zhilizhili.com/static/aui/doc/sass/vue-base/"
        target="_blank"
        >sass doc</a>    
        <p>ui文件夹</p>
        <nav class="ui-nav">
            <router-link 
                v-for="route in routes" :to="route.path" v-text='route.path.replace("/", "")'></router-link>
        </nav>
        <main>
            <router-view></router-view>
        </main>
    </div>
    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vue-router/2.7.0/vue-router.min.js"></script>
    <script src="https://cdn.bootcss.com/socket.io/2.0.3/socket.io.slim.js"></script>
    <!-- built files will be auto injected -->
</body>
</html>